/* Transition
-------------------------- */
$--fade-linear-transition: opacity 200ms linear !default;

/* Color
-------------------------- */
/// color|1|Background Color|4
$--color-white: #fff !default;
/// color|1|Border Color|3
$--border-color-light: #e4e7ed !default;
/// color|1|Border Color|3
$--border-color-lighter: #ebeef5 !default;
/// color|1|Font Color|2
$--color-text-regular: #606266 !default;
/// color|1|Background Color|4
$--color-black: #000000 !default;

/* Box-shadow
-------------------------- */
/// boxShadow|1|Shadow|1
$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04) !default;
// boxShadow|1|Shadow|1
$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12) !default;
/// boxShadow|1|Shadow|1
$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;

/* Typography
-------------------------- */
/// fontSize|1|Font Size|0
$--font-size-base: 14px !default;

/* z-index
-------------------------- */
$--index-normal: 1 !default;
$--index-top: 1000 !default;
$--index-popper: 2000 !default;

/* Popup
-------------------------- */
/// color||Color|0
$--popup-modal-background-color: $--color-black !default;
/// opacity||Other|1
$--popup-modal-opacity: 0.5 !default;

/* Popover
-------------------------- */
$--popover-background-color: $--color-white !default;
$--popover-border-color: $--border-color-lighter !default;
/// fontSize||Font|1
$--popover-font-size: $--font-size-base !default;
$--popover-arrow-size: 6px !default;
/// padding||Spacing|3
$--popover-padding: 12px !default;

/* Tooltip
-------------------------- */
$--tooltip-arrow-size: 6px !default;
